.d-gp-list{height: 72px;cursor: pointer;
    >a{float: left;margin-left: 8.5px;width: 72px;height: 72px;position: relative;overflow: hidden;border-radius: 10px;
        >img{width: 72px;height: 72px;border-radius: 10px;}
        >span{display: table;opacity: 0;position: absolute;left: 0;top: 72px;width: 72px;height: 72px;background: rgba(0,0,0,.7);transition: top .2s linear;color: #fff;font-size: 14px;line-height: 22px;border-radius: 5px;text-align: center;
            >span{display: table-cell;vertical-align: middle;padding: 5px;}
        }
        &:hover{
            >span{opacity: 1;top: 0;}
        }
        &:first-child{margin-left: 0;}
    }
}

.j-gallery{width: 1210px;margin-left: -5px;
    li{display: block;overflow: hidden;padding: 10px 5px 0;width: 403px;
        a{display: block;text-shadow: 0 0 10px rgba(0,0,0,1);
            img{display: block;width: 100%;}
            p{position: absolute;bottom: 0;left: 5px;right: 5px;color: #fff;text-align: center;background:linear-gradient(top,transparent,rgba(0,0,0,.7));height: 60px;line-height: 30px;font-size: 14px;padding-top: 30px;}
            em{position: absolute; top: 15px; left: 15px;color: #fff;}
        }
    }
}

@media (max-width: 767px){
    .j-gallery{width: 100%;margin-left: 0;
        li{width: 50%;}
    }
}